<template>
  <div>
    <div class="mokuai1">
      <h3>axios请求</h3>
      <h4>全局安装在main.js</h4>
      <h4>局部组件使用</h4>
    </div>
  </div>
</template>

<script>
// 安装axios,下面需要局部引入，若是下面这种，那么你下面的 this.$axios不用写this了
// import axios from 'axios'
// 引入qs
// import qs from "query-string";
export default {
  name: "axios",
  mounted() {
    //   git请求
    // wangzhi 是接口的地址，由于没有，这就自己理解下，axios自己会自动转换为json，this.$axios是指main.js的axios，若是局部引入就不需要axios
    // this.$axios.get("wangzhi")
    // .then(res => {
    //   console.log(res.data);
    // });
    //  .catch(error => {
    //     console.error(error);
    //   });
    /*****git请求 params使用******/
    /*this.$axios
      .get("wangzhi", {
        params: {
          type: 1,
          count: 5
        }
      })
      .then(res => {
        console.log(res.data);
      })
      .catch(error => {
        console.error(error);
      });*/

    /*****
     * post
     * 对象转化
     * post 还需要转化，使用 qs转化，比如 qs.stringify
     *  *****/
    /*this.$axios.post(
      "wangzhi.php",
      qs.stringify({
          name: "hhh",
          password: "wiiq"
        })
        .then(res => {
          console.log(res.data);
        })
        .catch(error => {
          console.error(error);
        })
    );
    */
  }
};
</script>

<style>
</style>